約 3,151,684 件
https://w.atwiki.jp/ny02test_adult/pages/13.html
これはアダルトな内容を含むページです エロ位です 保健室
https://w.atwiki.jp/kidscindy/pages/126.html
重心の作図スライド 正17角形 4節リンク機構 ブリアンションの定理 フォイエルバッハの定理 サイクロイド
https://w.atwiki.jp/rdmgame/pages/28.html
名前 回復薬 「市販のよくある回復薬です」 分類 道具 費用 3 効果 パーティメンバーの体力を1回復する 個数 5個 名前 回復薬+ 「効果をプラス。合計回復量はちょっとお得」 分類 道具 費用 5 効果 パーティメンバーの体力を2回復する 個数 3個 名前 回復薬EX 「一気に回復。正にエクストラ」 分類 道具 費用 7 効果 パーティメンバーの体力を10回復する 個数 1個 名前 回復薬Q 「QはクイックのQです」 分類 道具 費用 3 効果 装備者の体力を1回復する/1ターン3回まで使用可能 個数 7個 名前 アイテムバッグ 「道具が1つじゃ物足りない欲張りなあなたへ」 分類 装備 費用 10 条件 種族が「有翼」でない 効果 探索-1/移動-1/道具を2つ所持できる 名前 冒険者のブーツ 「冒険者用に歩きやすさが計算されたブーツです」 分類 装備 費用 3 条件 なし 効果 移動+1 名前 安全メット 「洞窟探検のお供に」 分類 装備 費用 5 条件 種族が「有角」でない 効果 装備キャラ探索時、そのダンジョンの「危険」を-2 名前 日傘 「日光を通さないUVカット仕様」 分類 装備 費用 10 条件 なし 効果 装備者の固有能力「日光弱点」を無効にする
https://w.atwiki.jp/ntrpg/pages/13.html
ゲーム内の武器屋やアイテムなどのデータを扱う際には表組みを利用することをお勧めいたします。 @wikiモードでの表の組み方についてはこちらのページを参考にしてください。 表組み例1) 単純な表組みです。 項目が少ない場合は、この形式がお勧めです。 武器名 攻撃力 買値 売値 入手方法 木の剣 10 100 - 武器屋 アイテム名 買値 売値 効果 ポーション 100 10 HPを100回復 表組み例2) 項目が多い場合は、縦に並んだような表を組むといいかもしれません。 また、横に長くなりにくいため、スマートフォン等でも見やすくなると思います。 名称 詳細 炎の剣 属性 斬(火) 買値 2000 売値 800 攻撃力 150 +50 0 0 0 防御力 0 0 0 0 0 クリティカル 0 HP 0 MP 0 説明 火の属性を持った剣。表の中で改行したいときは br()を使います。 入手方法 2番めの町:武器屋 表組み例3) 一つのデータに複数の数値が存在する(スキル名に対するスキルレベルの効果違いなど)には下のような表をどうぞ 名称 Lv 効果 備考 回復 Lv.1 INT*1.0 回復量はINTの値に依存します Lv.2 INT*1.5 Lv.3 INT*2.0 Lv.4 INT*3.0
https://w.atwiki.jp/m_shige1979/pages/580.html
DB2 前提条件 サーバとクライアントのインストール、設定が済み接続可能であること 暫定環境 データベースサーバ:192.168.10.11 クライアント :192.168.10.12 データベース :testdb ユーザー :testuser1 パスワード :testpass1 ポート :50000 サンプル
https://w.atwiki.jp/kisarazu_maicon/pages/112.html
STM32サンプルプログラム MapleIDE用のサンプルスケッチ集です。 LED点滅 基板上のLEDを点滅させるスケッチです。 int ledPin1 = 40; // LED connected to PC8 (LED4 blue) int ledPin2 = 41; // LED connected to PC9 (LED3 green) void setup(){ pinMode(ledPin1, OUTPUT); pinMode(ledPin2, OUTPUT); } void loop(){ digitalWrite(ledPin1, HIGH); // set the LED on digitalWrite(ledPin2, HIGH); // set the LED on delay(100); // wait for a second digitalWrite(ledPin1, LOW); // set the LED off digitalWrite(ledPin2, LOW); // set the LED off delay(100); // wait for a second } UARTループバック UART3に送られてきたデータをそのまま返信するスケッチです。 void setup()[ Serial3.begin(9600); } void loop(){ if(Serial3.available()){ Serial3.write(Serial3.read()); } } タイマー タイマーを使って5秒毎にLEDを点滅させるスケッチです。 タイマーをスタートした瞬間に割り込みを入れたい場合 timer1.setCompare(TIMER_CH1, 1); タイマーをスタートして1回分の周期後に割り込みを入れたい場合 timer1.setCompare(TIMER_CH1, timer1.getOverflow()); タイマーをスタートして1回分の周期の半分後に割り込みを入れたい場合 timer1.setCompare(TIMER_CH1, timer1.getOverflow() * 0.5); 動作を変更させたい場合は上記の部分をコメントアウトして利用してください。 #define LED_RATE 5000000//5秒間隔 HardwareTimer timer1(1); void setup() { pinMode(BOARD_LED_PIN, OUTPUT);//青LEDのつながっているピンを出力モードに timer1.pause();//タイマーを停止 timer1.setPeriod(LED_RATE);//周期を5秒に設定 //タイマー1のチャンネル1をコンパレータモードに設定 timer1.setChannel1Mode(TIMER_OUTPUT_COMPARE); //タイマーをresumeした瞬間に1回目の割り込みが入る。 timer1.setCompare(TIMER_CH1, 1); //タイマーをresumeして5秒に1回目の割り込みが入る。 //timer1.setCompare(TIMER_CH1, timer1.getOverflow()); //タイマーをresumeして2.5秒に1回目の割り込みが入る。 //timer1.setCompare(TIMER_CH1, timer1.getOverflow() * 0.5); timer1.attachCompare1Interrupt(handler_led); timer1.refresh();//タイマーをクリア timer1.resume();//タイマーをスタート } void loop() { } void handler_led(void) {// toggleLED();//基板上の青LEDを点滅 } PWM 8番ピン(PA8)を1Hzで点滅させるスケッチです。 タイマー1の周期を変更しているので、タイマー1を使う他のプログラムと組み合わせて使う場合は注意してください。 HardwareTimer timer1(1); void setup(){ timer1.setPeriod(1000 * 1000);//1Hzに設定 pinMode(8,PWM);//8番ピンをPWMに設定 analogWrite(8,timer1.getOverflow() * 0.5);//50% } void loop(){ } また、PWM出力させるピンを変更する場合以下の表を参考にしてください。 PWMピンとタイマーの関係 TIMER1 8(PA8) 9(PA9) 10(PA10) TIMER2 0(PA0) 1(PA1) 2(PA2) 3(PA3) TIMER3 6(PA6) 7(PA7) 16(PB0) 17(PB1) TIMER4 22(PB6) 23(PB7) 24(PB8) 25(PB9) エンコーダのカウント(割込み処理) BOTSで買った設定用の光学式エンコーダを割込み処理で動かしています。 割込み処理の場合、どのピンでも処理できますが処理時間が大きいのでモータの軸に直結している高速エンコーダには向きません。 また、今回使ったエンコーダは5V動作なので5Vトレラント入力対応にピンに接続しています。ピンの配置を変える場合は注意してください。 こちらのサイトを参考に実装しています。 http //elm-chan.org/docs/tec/te04.html volatile long encoderPosition; volatile int encoderMoved; void setup() { pinMode(PC(4), INPUT); pinMode(PC(5), INPUT); attachInterrupt(PC(4),sampleEncoder,CHANGE); attachInterrupt(PC(5),sampleEncoder,CHANGE); Serial3.begin(9600); } void loop() { if(encoderMoved){ encoderMoved = 0; Serial3.print("encoderPosition="); Serial3.println(encoderPosition); } } void sampleEncoder(void) { static const int dir[] = { 0,1,-1,0,-1,0,0,1,1,0,0,-1,0,-1,1,0 }; static int i; i = (i 2) +(digitalRead(PC(4)) 1) + digitalRead(PC(5)); encoderPosition += dir[i 15]; encoderMoved=1; } 呉高専(ロボット製作クラブ)コントローラ受信サンプル ライブラリ KureControllerVer0.01.zip サンプル KureControllerVer0.01-サンプル.zip #include KureController.h KureController controller; #ifndef _LIBMAPLE_H_ #define _LIBMAPLE_H_ #define Serial1 Serial #endif unsigned long loopfps,recvfps; void printffps(); void setup() { Serial1.begin(57600); } void loop() { if (Serial1.available()) { controller.processing(Serial1.read()); } loopfps++; } void receive(int unsettledCnt){ //Serial1.println("receive"); printffps(); if(controller.getButton(PS_LEFT)){ //Serial1.println("LEFT-ON"); } else{ //Serial1.println("LEFT-OFF"); } } void failure(int unsettledCnt){ Serial1.println("failure"); } void receiveLoop(){ } void failureLoop(){ } void printffps(){ static unsigned long time,timebak; static unsigned long loopfps_,recvfps_; recvfps++; time = millis()/1000; if(timebak != time){ loopfps_ = loopfps; recvfps_ = recvfps; timebak = time; recvfps = 0; loopfps = 0; } Serial1.print("recvfps"); Serial1.println(recvfps_); Serial1.print("loopfps"); Serial1.println(loopfps_); } 基本関数 void setup() 一番初めに実行される関数です。この中に初期化の処理を記述します。 void loop() setup関数の実行が終わったら、この関数が繰り返し呼ばれます。 メイン処理はここに書きます。 void pinMode(ピン番号、設定モード) ピンの入出力、モードの設定を行います。 ピン番号はこのページの上部の図を参考にしてください。 設定できるモードは以下の通りです。 OUTPUT 通常の出力モードです。 OUTPUT_OPEN_DRAIN オープンドレインの出力モードです。 INPUT 通常の入力モードです。 INPUT_ANALOG アナログ入力(ADC)を使う場合の入力モードです。 INPUT_PULLUP プルアップを行う入力モードです。 INPUT_PULLDOWN プルダウンを行う入力モードです。 INPUT_FLOATING INPUTと同様です。 PWM PWM出力を行うモードです。PWMの出力ができるピンのみで使えます。 PWM_OPEN_DRAIN PWM出力をオープンドレインで行うモードです。PWMの出力ができるピンのみで使えます。 void digitalWrite(ピン番号,HIGH or LOW) 指定したピンをHIGHまたはLOWにする関数です。 HardwareTimerに関する関数 uint16 HardwareTimer setPeriod(uint32 microseconds) タイマーの周期を設定する関数です。内部でsetPrescaleFactor関数とsetOverflow関数 を呼び出しています。戻り値はanalogWrite関数で設定できる最大の値になります。 限界は24MHzのSTM32マイコンの場合178,951,508くらい。 uint16 HardwareTimer getOverflow() タイマーがオーバーフローする値を取得します。0-65535 uint16 HardwareTimer setOverflow(uint16 val) タイマーがオーバフローする値を設定します。0-65535
https://w.atwiki.jp/moitameibo/pages/303.html
2008年7月のログ sca20080701.log L2260 | 22 26 | 四般南喰赤 | akbk(+49) イカれ赤帽子(+17) ( ω`)(-23) akabko(-43) L2260 | 01 03 | 三般南喰赤 | 午後ティー(+59) きんぶら(+15) 伊田ヘンデル(-74) sca20080702.log sca20080703.log sca20080704.log L2260 | 22 27 | 三般南喰赤 | lliorzil(+55) でぶ2(+9) カワディMAX(-64) sca20080705.log L2260 | 01 48 | 四般南喰赤 | akabko(+49) 伊田ヘンデル(+10) でぶ2(-19) きりたんぽん(-40) L2260 | 02 26 | 四般南喰赤 | すみすみ(+52) ( ω`)(+19) akabko(-18) 伊田ヘンデル(-53) L2260 | 21 38 | 四般南喰赤 | あむー(+40) 午後ティー(+7) akabko(-16) ( ω`)(-31) sca20080706.log L2260 | 22 00 | 四般南喰赤 | ウ★ン★チ!!(+50) きりたんぽん(+17) 北都南(-28) akabko(-39) L2260 | 22 37 | 四般南喰赤 | 北都南(+50) ( ω`)(+10) 汚空(-21) きりたんぽん(-39) L2260 | 22 55 | 三般南喰赤 | サンマがおいしく(+74) カワディMAX(-23) あむー(-51) L2260 | 00 21 | 三般南喰赤 | きりたんぽん(+44) nyoki(-11) 爆弾犬(-33) sca20080707.log L2260 | 22 04 | 四般南喰赤 | すっきり納豆(+76) でぶ3(-2) ( ω`)(-23) akabko(-51) L2260 | 22 31 | 四般南喰赤 | 喪レッティ(+70) すっきり納豆(+8) 午後ティー(-19) 汚空(-59) L2260 | 23 17 | 四般南喰赤 | nyoki(+71) 午後ティー(+15) きりたんぽん(-14) 北都南(-72) L2260 | 23 35 | 四般南喰赤 | 北都南(+57) 午後ティー(+18) nyoki(-30) きりたんぽん(-45) sca20080708.log L2260 | 20 55 | 四般南喰赤 | 汚空(+59) うるおいちゃん(+15) ぎょざ(-8) akabko(-66) L2260 | 21 29 | 四般南喰赤 | うるおいちゃん(+59) akabko(+10) あむー(-15) ぎょざ(-54) L2260 | 23 28 | 四般南喰赤 | 環境ホルモン(+51) 伊田ヘンデル(+13) 神山満月ちゃん!(-14) 午後ティー(-50) sca20080709.log L2260 | 21 53 | 四般南喰赤 | 午後ティー(+55) きりたんぽん(+12) akabko(-16) でぶ2(-51) L2260 | 22 16 | 四般南喰赤 | akabko(+59) きんぶら(+8) 午後ティー(-17) きりたんぽん(-50) sca20080710.log L2260 | 21 44 | 四般南喰赤 | nyoki(+64) きりたんぽん(+9) akabko(-22) 使用済下着採取家(-51) sca20080711.log sca20080712.log L2260 | 23 21 | 四般南喰赤 | 午後ティー(+66) akabko(+9) nyoki(-17) ( 3`)(-58) L2260 | 23 59 | 四般南喰赤 | nyoki(+56) akabko(+17) ( ω`)(-23) 午後ティー(-50) sca20080713.log sca20080714.log L2260 | 21 31 | 四般南喰赤 | 烈海王(+43) でぶ2(+10) きりたんぽん(-11) akabko(-42) sca20080715.log sca20080716.log L2260 | 21 30 | 四般南喰赤 | G-style(+45) akabko(+15) さやか(-24) ( ω`)(-36) sca20080717.log sca20080718.log sca20080719.log L2260 | 00 50 | 四般南喰赤 | NoName(+84) 爆弾犬(-7) nyoki(-28) akabko(-49) sca20080720.log L2260 | 00 09 | 四般南喰赤 | 午後ティー(+47) 汚空(+14) 親指(-23) おにいちゃん!!(-38) L2260 | 00 44 | 四般南喰赤 | 親指(+54) おにいちゃん!!(+6) 汚空(-23) 午後ティー(-37) L2260 | 01 12 | 四般南喰赤 | 汚空(+62) ナタリー(+23) 親指(-36) み馬(-49) L2260 | 22 05 | 四般南喰赤 | 伊田ヘンデル(+47) 爆弾犬(+15) akabko(-11) のぶねええええ(-51) L2260 | 22 33 | 四般南喰赤 | 伊田ヘンデル(+54) のぶねええええ(+5) 車輪の国(-24) akabko(-35) L2260 | 23 05 | 三般南喰赤 | 伊田ヘンデル(+55) 爆弾犬(-8) akabko(-47) L2260 | 23 24 | 四般南喰赤 | nyoki(+45) akabko(+13) 爆弾犬(-7) 伊田ヘンデル(-51) sca20080721.log L2260 | 22 35 | 四般南喰赤 | 爆弾犬(+59) 喪レッティ(+1) akabko(-21) 茄子(-39) sca20080722.log sca20080723.log L2260 | 22 01 | 四般南喰赤 | 午後ティー(+49) nyoki(+11) akabko(-18) ち-ん-毛(-42) sca20080724.log sca20080725.log sca20080726.log L2260 | 19 32 | 四般南喰赤 | Cyclonus(+47) うるおいちゃん(+3) akabko(-20) jandek(-30) L2260 | 21 34 | 四般南喰赤 | vic(+65) 午後ティー(+19) イリヤ(-31) Cyclonus(-53) sca20080727.log sca20080728.log sca20080729.log L2260 | 20 48 | 四般南喰赤 | lliorzil(+61) あむー(+19) akabko(-29) 午後ティー(-51) L2260 | 21 07 | 四般南喰赤 | でぶ2(+54) lliorzil(+8) akabko(-24) あむー(-38) sca20080730.log L2260 | 21 14 | 四般南喰赤 | akabko(+58) うるおいちゃん(+2) 烈海王(-22) あむー(-38) L2260 | 22 15 | 四般南喰赤 | 午後ティー(+50) nyoki(+12) jandek(-13) akabko(-49) sca20080731.log L2260 | 23 17 | 四般東-- | AU(+34) かっさのば(+5) すねぐですはじめ(-13) lak(-26) L2260 | 23 44 | 四般東-- | かっさのば(+60) AU(+2) lak(-28) すねぐですはじめ(-34) .
https://w.atwiki.jp/yoshitoimai/pages/4.html
0.環境確認 このサンプルは「色の入力欄」、「レンジ入力欄」を使用しています。 ご利用の環境では動作しない場合がありますので以下のページより確認してください。 http //html5test.com 以下のとおり「input type=range」、「input type=color」ともに「Yes」であればOK。 1.index.htmlを準備する。 1−1.canvasとlog出力領域を実装する。 !DOCTYPE html html head meta charset="utf-8" / meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" title TouchPaint /title /head body canvas id="canvas" This browser is not supported /canvas p id="log" /p script /script /body /html 2.canvasにイベントを登録し動作を確認する。 2−1.定義 var canvas = document.getElementById("canvas"); var log = document.getElementById ("log"); 2−2.canvasのサイズを指定する canvas.width = document.width; canvas.height = document.height - 200; 2−3.イベントを登録する。 canvas.addEventListener("touchstart", touchStartHandler, false); canvas.addEventListener("touchmove", touchMoveHandler, false); canvas.addEventListener("touchend", touchEndHandler, false); function touchStartHandler(e) { log.innerHTML += " p Touch Event touchstart /p "; } function touchMoveHandler(e) { log.innerHTML += " p Touch Event touchmove /p "; } function touchEndHandler(e) { log.innerHTML += " p Touch Event touchend /p "; } 2−3.実行結果 3.canvasにマークしてみる 3−1.定義 var context = canvas.getContext("2d"); var touches; 3−2.touchMoveHandlerを書き換える function touchMoveHandler(e) { touches = e.touches.item(0); context.fillRect(touches.pageX - this.offsetLeft, touches.pageY - this.offsetTop, 5, 5); } 3−3.実行結果 4.点を線で結んでみる 4−1.定義 var drawPath = new Array; var isMoved = false; 4−2.touchStartHandlerを書き換える function touchStartHandler(e) { touches = e.changedTouches; drawPath.push(touches[0]); } 4−3.touchMoveHandlerを書き換える function touchMoveHandler(e) { touches = e.changedTouches; context.beginPath(); context.moveTo(drawPath[0].pageX - this.offsetLeft, drawPath[0].pageY - this.offsetTop); context.lineTo(touches[0].pageX - this.offsetLeft, touches[0].pageY - this.offsetTop); context.closePath(); context.stroke(); drawPath.splice(0, 1, touches[0]); e.preventDefault(); } 4−4.touchEndHandlerを書き換える function touchEndHandler(e) { if (!isMoved) { context.beginPath(); context.closePath(); context.fill(); } isMoved=false; drawPath.length = 0; } 4−5.実行結果 5.線の色や太さを変えてみる 5−1.タグを追加 div class="desc" label Color input type="color" class="strokeColor" id="strokeColor" /label label Line width input type="range" min="5" max="20" step="5" value="5" class="strokeWidth" id="strokeWidth" /label /div button class="clearBtn" id="clearBtn" Clear! /button 5−2.定義 var strokeColor; var strokeWidth = 5; var strokeColorSel = document.getElementById("strokeColor"); var strokeWidthSel = document.getElementById("strokeWidth"); var clearBtn = document.getElementById("clearBtn"); 5−3.イベント登録 strokeColorSel.addEventListener("change", changeStrokeColor, false); strokeWidthSel.addEventListener("change", changeStrokeWidth, false); clearBtn.addEventListener("click", clearCanvas, false); function changeStrokeColor() { strokeColor = this.value; } function changeStrokeWidth() { strokeWidth = this.value; } function clearCanvas() { context.clearRect (0, 0, canvas.width, canvas.height); } 5−4.functionを追加 function drawPathSetting(idx) { for (var i = 0; i drawPath.length; i++) { var _idx = drawPath[i].identifier; if (_idx === idx) { return i; } } return -1; } 5−5.touchMoveHandlerを書き換える function touchMoveHandler(e) { touches = e.changedTouches; context.lineWidth = strokeWidth; context.strokeStyle = strokeColor; context.lineJoin = "round"; for (var i = 0; i touches.length; i++) { var idx = drawPathSetting(touches[i].identifier); context.beginPath(); context.moveTo(drawPath[idx].pageX - this.offsetLeft, drawPath[idx].pageY - this.offsetTop); context.lineTo(touches[i].pageX - this.offsetLeft, touches[i].pageY - this.offsetTop); context.closePath(); context.stroke(); drawPath.splice(idx, 1, touches[i]) } e.preventDefault(); } 5−6.touchEndHandlerを書き換える function touchEndHandler(e) { if (!isMoved) { var startPoint = (Math.PI/180)*0; var endPoint = (Math.PI/180)*360; context.fillStyle = strokeColor; context.beginPath(); context.arc(touches[0].pageX - this.offsetLeft, touches[0].pageY - this.offsetTop, strokeWidth/2, startPoint, endPoint, true); context.closePath(); context.fill(); } isMoved=false; drawPath.length = 0; } 5−7.実行結果 6.スタイルシートで見栄えを整えてみる。 6−1.スタイルシートを準備する。 style.css * { margin 0;padding 0; } html, body { width 100%;height 100%;background #ddd; } h2 { padding 10px 15px;color #6587ac; } .canvas { width 100%;background #fff;} .desc { display table;width 100%;padding 5px 10px;text-align right; } .desc label { display table-cell;width 50%;white-space nowrap; } .desc label first-child { text-align left; } .strokeWidth { width 85px; } button { float right;margin-right 15px; } input, button { vertical-align middle; } @media screen and (max-device-height 800px) { .addHeight {height 360px;} } @media screen and (min-device-height 801px) { .addHeight {height 480px;} } 6−2.htmlのヘッダー部に追加する index.html link rel="stylesheet" type="text/css" href="css/style.css"/ 6−3.実行結果 7.完成 index.html !DOCTYPE html html head meta charset="utf-8" / meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" title TouchPaint /title link rel="stylesheet" type="text/css" href="css/style.css"/ /head body canvas id="canvas" This browser is not supported /canvas div class="desc" label Color input type="color" class="strokeColor" id="strokeColor" /label label Line width input type="range" min="5" max="20" step="5" value="5" class="strokeWidth" id="strokeWidth" /label /div button class="clearBtn" id="clearBtn" Clear! /button script var canvas = document.getElementById("canvas"); var log = document.getElementById ("log"); var context = canvas.getContext("2d"); var strokeColor; var strokeWidth = 5; var strokeColorSel = document.getElementById("strokeColor"); var strokeWidthSel = document.getElementById("strokeWidth"); var clearBtn = document.getElementById("clearBtn"); canvas.width = document.width; canvas.height = document.height - 200; canvas.addEventListener("touchstart", touchStartHandler, false); canvas.addEventListener("touchmove", touchMoveHandler, false); canvas.addEventListener("touchend", touchEndHandler, false); strokeColorSel.addEventListener("change", changeStrokeColor, false); strokeWidthSel.addEventListener("change", changeStrokeWidth, false); clearBtn.addEventListener("click", clearCanvas, false); var drawPath = new Array; var isMoved = false; function touchStartHandler(e) { touches = e.changedTouches; drawPath.push(touches[0]); } var touches; function touchMoveHandler(e) { touches = e.changedTouches; context.lineWidth = strokeWidth; context.strokeStyle = strokeColor; context.lineJoin = "round"; for (var i = 0; i touches.length; i++) { var idx = drawPathSetting(touches[i].identifier); context.beginPath(); context.moveTo(drawPath[idx].pageX - this.offsetLeft, drawPath[idx].pageY - this.offsetTop); context.lineTo(touches[i].pageX - this.offsetLeft, touches[i].pageY - this.offsetTop); context.closePath(); context.stroke(); drawPath.splice(idx, 1, touches[i]) } e.preventDefault(); } function touchEndHandler(e) { if (!isMoved) { var startPoint = (Math.PI/180)*0; var endPoint = (Math.PI/180)*360; context.fillStyle = strokeColor; context.beginPath(); context.arc(touches[0].pageX - this.offsetLeft, touches[0].pageY - this.offsetTop, strokeWidth/2, startPoint, endPoint, true); context.closePath(); context.fill(); } isMoved=false; drawPath.length = 0; } function changeStrokeColor() { strokeColor = this.value; } function changeStrokeWidth() { strokeWidth = this.value; } function clearCanvas() { context.clearRect (0, 0, canvas.width, canvas.height); } function drawPathSetting(idx) { for (var i = 0; i drawPath.length; i++) { var _idx = drawPath[i].identifier; if (_idx === idx) { return i; } } return -1; } /script /body /html style.css * { margin 0;padding 0; } html, body { width 100%;height 100%;background #ddd; } h2 { padding 10px 15px;color #6587ac; } .canvas { width 100%;background #fff;} .desc { display table;width 100%;padding 5px 10px;text-align right; } .desc label { display table-cell;width 50%;white-space nowrap; } .desc label first-child { text-align left; } .strokeWidth { width 85px; } button { float right;margin-right 15px; } input, button { vertical-align middle; } @media screen and (max-device-height 800px) { .addHeight {height 360px;} } @media screen and (min-device-height 801px) { .addHeight {height 480px;} }
https://w.atwiki.jp/y512yuki4/pages/14.html
リージョンウィンドウ
https://w.atwiki.jp/jwhisky/pages/79.html
Ichiro s Malt CHICHIBU MIZUNARA JAPANESE OAK PUNCHEON 容量/度数 700ml/58.9% 蒸溜/瓶詰 2008/2015 Cask Number #89 Cask Type Mizunara Puncheon 瓶詰本数 2 Ichiro s Malt CHICHIBU MIZUNARA JAPANESE OAK PUNCHEON 容量/度数 700ml/58.5% 蒸溜/瓶詰 2008/2017.04.10 Cask Number #89 Cask Type Mizunara Puncheon 瓶詰本数 ? Ichiro s Malt CHICHIBU 容量/度数 700ml/60.6% 蒸溜/瓶詰 2008.06/2012 Cask Number #90 Cask Type Mizunara Puncheon 瓶詰本数 12 Ichiro s Malt CHICHIBU 容量/度数 700ml/62.2% 蒸溜/瓶詰 2008/2015.11.27 Cask Number #183 Cask Type First Bourbon Barrel Ichiro s Malt CHICHIBU Original Quarter Cask 容量/度数 700ml/62.4% 蒸溜/瓶詰 2009.04/2012 Cask Number #313 Cask Type CHIBIDARU 瓶詰本数 24 Ichiro s Malt CHICHIBU Smoky Heavily Peated New Hogshead 容量/度数 700ml/61.4% 蒸溜/瓶詰 2009.07/2012 Cask Number 454 瓶詰本数 12 Ichiro s Malt CHICHIBU Smoky Heavily Peated Old Hogshead 容量/度数 700ml/61.6% 蒸溜/瓶詰 2009.08/2012 Cask Number #494 瓶詰本数 12 Ichiro s Malt CHICHIBU BOURBON BARREL 容量/度数 700ml/61.5% 蒸溜/瓶詰 2009/2015 Cask Number #630 Cask Type Bourbon Barrel 瓶詰本数 2 Ichiro s Malt CHICHIBU BOURBON BARREL 容量/度数 700ml/61.5% 蒸溜/瓶詰 2009/201602.15 Cask Number #630 Cask Type 1st Bourbon Barrel Ichiro s Malt CHICHIBU SINGLE CASL BARREL 容量/度数 700ml/60.8% 蒸溜/瓶詰 2010.01/2015.09 Cask Number #646 Cask Type Bourbon Barrel / American White Oak Barrel 瓶詰本数 6 Ichiro s Malt CHICHIBU RE FILL HOGS HEAD 容量/度数 700ml/63.2% 蒸溜/瓶詰 2010/2013 Cask Number #705 Cask Type Refill Hogshead 瓶詰本数 12 Ichiro s Malt CHICHIBU SINGLE CASL BARREL 容量/度数 700ml/60.7% 蒸溜/瓶詰 2011/2014 Cask Number #1284 Cask Type Sherry Butt 瓶詰本数 12 Ichiro s Malt CHICHIBU PORT PIPE 容量/度数 700ml/61.3% 蒸溜/瓶詰 2009/2012 2nd Cask In 2011.08 Cask Number #1387 Cask Type PORT PIPE 瓶詰本数 12 Ichiro s Malt CHICHIBU SHERRY BUTT 容量/度数 700ml/61.1% 蒸溜/瓶詰 2009/2012 2nd Cask In 2011.08 Cask Number #1388 Cask Type Sherry Butt 瓶詰本数 12/24(一般販売) Ichiro s Malt CHICHIBU SHERRY BUTT 容量/度数 700ml/60.3% 蒸溜/瓶詰 2009/2015 Cask Number #1388 Cask Type Sherry Butt 瓶詰本数 2 Ichiro s Malt CHICHIBU SHERRY BUTT 容量/度数 700ml/60.0% 蒸溜/瓶詰 2009/2016.02.15 Cask Number #1388 Cask Type Sherry Butt Ichiro s Malt CHICHIBU 容量/度数 700ml/61.8% 蒸溜/瓶詰 2011/2016.02.15 Cask Number #1402 Cask Type Hogshead Ichiro s Malt CHICHIBU 容量/度数 700ml/60.9% 蒸溜/瓶詰 2009/2013 Cask Number #2186 1st Cask Type First Fill Barrel 2nd Cask Type Third Fill Barrel 瓶詰本数 12 Ichiro s Malt CHICHIBU WINC CASK 容量/度数 700ml/61.8% 蒸溜/瓶詰 2009/2015 Cask Number #2353 Cask Type Wine Cask Ichiro s Malt CHICHIBU 容量/度数 700ml/63.1% 蒸溜/瓶詰 2013/2017.04.14 Cask Number #2417 Cask Type Chibidaru (Quarter Cask) Ichiro s Malt Almost Five 容量/度数 700ml/61.8% 蒸溜/瓶詰 2008/2013 Cask Number #2472 1st Cask Type First Fill Barrel 2nd Cask Type Second Fill Puncheon 瓶詰本数 12 Ichiro s Malt CHICHIBU 容量/度数 700ml/60.?% 蒸溜/瓶詰 2010/2017.02.11 Cask Number #2644 Cask Type Spanish Ork Oloroso Sherry Ichiro s Malt CHICHIBU 容量/度数 700ml/?% 蒸溜/瓶詰 2010/2017.04.10 Cask Number #2644 Cask Type Spanish Ork Oloroso Sherry Ichiro s Malt CHICHIBU 容量/度数 700ml/59.?% 蒸溜/瓶詰 2010/2017.05.09 Cask Number #2644 Cask Type Spanish Ork Oloroso Sherry Ichiro s Malt CHICHIBU Blended 容量/度数 700ml/58.1% 瓶詰 2017.05.09 Cask Number #4138 Cask Type Hogshead Ichiro s Malt CHICHIBU 容量/度数 700ml/59.9% 蒸溜/瓶詰 2011/2017.04.14 Cask Number # Cask Type IPA Cask Ichiro s Malt CHICHIBU 容量/度数 700ml/59.9% 蒸溜/瓶詰 2011/2017.05.09 Cask Number #4663 Cask Type American White Ork Beer Cask(IPA) Ichiro s Malt CHICHIBU 容量/度数 200ml/50.5% 蒸溜/瓶詰 2012.08.25/ Cask Number #T112 名前 コメント